<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Compresi&oacute;n por &aacute;rboles de Huffman</title>
  <style type="text/css">

		body{
			font-family:arial;
			font-size:14px;
			color:black;
			background-color:#cccccc;
			width:50%;
			margin:0 auto;
			}
	
		#header{
			background-color:#ff0000;
			color:#ffffff;
			font-size:26px;
			}

		.titulo{
			background-color:silver;
			color:#ffffff;
			font-size:26px;
			margin:5px;
			height:100px;
			text-align:center;
			}

		.titulo1{
			background-color:silver;
			color:green;
			font-size:20px;
			margin:5px;
			height:100px;
			text-align:center;
			}

		.texto{
			color:#333333;
			font-size:14px;
			font-family:sans-serif;
			}
		
		.nota{
			color:#333333;
			font-size:10px;
			font-family:sans-serif;
			}	

		<span 
		style="color:#ffffff; width:100%; filter:dropshadow(color=000000, offx=1, offy=1, positive=1), glow(color=#000000, strenght=0)">
			Efecto borde:Drop Shadow con Glow
		</span>
  </style>
</head>
<body>
<div class="titulo">Manual de Uso</div>
<div class="nota"> Desarrollado con Python es la primera de una serie
de aplicaciones enfocadas a la ense&ntilde;anza de estructuras de
datos, para un proyecto llamado TADS nombre que viene de: "Teaching
Algorithm and Data Structures" y "Tipos Abstractos de Datos" </div>
<div class="texto"> Este programa es de gran utilidad para las personas
relacionadas con el aprendizaje y la ense&ntilde;anza de las
estructuras de datos, as&iacute; como de los m&eacute;todos de
compresi&oacute;n y de encripci&oacute;n. De f&aacute;cil manejo
gracias a su sencilla y &uacute;til interfaz web. </div>
<div class="titulo1">Inicio de la aplicaci&oacute;n</div>
La p&aacute;gina anterior a esta tiene un v&iacute;nculo que lo
llevar&aacute; al inicio de la aplicaci&oacute;n, la imagen a
continuaci&oacute;n muestra la pantalla inicial, en esta
encontrar&aacute; un &aacute;rea de texto en la cual usted podr&aacute;
ingresar el texto que desee sea codificado mediante el algoritmo de
Huffman. Luego de esto y presionar el bot&oacute;n de submit el
programa lo llevar&aacute; a la pantalla siguiente en la cual
encontrar&aacute; un &aacute; dibujado con los d&iacute;gitos que
ingres&oacute;. El ejemplo de la pantalla mencionada est&aacute; a
continuaci&oacute;n.<br>
<div style="text-align: center;"><img src="programa.png" style=""
 border="0"></div>
<div class="titulo1">Gr&aacute;fica del &aacute;rbol de Huffman</div>
<div style="text-align: center;"><img src="arbol.png" style=""
 border="0">
</div>
</body>
</html>
